$(function () {
    $('#selectedCoursesTable').bootstrapTable({
        url: '/roleManager/query',
        method: 'post',
        showRefresh: true,  //显示刷新按钮
        search: true,
        toolbar: '#toolbar',
        striped: true,     //设置为true会有隔行变色效果
        //sidePagination:'server',//服务器端分页默认接受rows和total
        pagination: true,//客户端分页
        sidePagination: 'client',
        idField: 'roleid',
        pageNumber: 1,
        pageSize: 10,
        columns: [
            {
                field: 'checkId',
                checkbox: true,
                clickToSelect: true,
            },
            // {
            //     field: 'roleid',
            //     title: '角色编号'
            // },
            {
                field: 'rolename',
                title: '角色名称'
            }, {
                field: 'roledetail',
                title: '角色描述'
            }]
    });
});

var vm = new Vue({
    el: '#teacherSelectCourse',
    data: {
        showList: 1,
        role1: {},
        role2: {rolename:'',roledetail:''},
        //角色名称
        rolename: '',
        //角色描述
        roledetail: '',
        //角色编号
        roleid: '',
        title: '',
        //选课弹窗需要字段
        teacherName: '',
        //tests表需要展示字段
        tests: {courseId: '', title: '', testDesc: ''}

    },
    methods: {
        //***start选课的方法***
        //选课按钮
        add: function () {
            // 弹出选课对话框
            $('#selectCourseDialog').modal("show");

            //回显回显下拉框
            // $("#courseName").empty();
            // $.ajax({
            //     type: "POST",
            //     url: "/roleManager/add",
            //     success: function (result) {
            //         // var data = result.unSelectedCourses;
            //         if (result.code === 0) {
            //             // for (var i = 0; i < data.length; i++) {
            //             //     $("#courseName").append("<option value=" + data[i]['courseId'] + ">" + data[i]['courseName'] + "</option>")
            //             // }
            //             layer.alert('添加成功', function(index){
            //                 location.reload();
            //             });
            //         } else {
            //             layer.alert(result.msg);
            //         }
            //     }
            // });
            //回显教师姓名
            // $.ajax({
            //     type: "GET",
            //     url: "/sys/getUser",
            //     success: function (result) {
            //
            //         if (result.code == 0) {
            //
            //             vm.teacherName = result.userInf.name;
            //
            //         } else {
            //             layer.alert(result.msg);
            //         }
            //     }
            // });
        },
        // 选课提交按钮
        submit: function (index) {
            //获取下拉列表所选的value
            // var courseId = $("#courseName option:selected").val();
            // var data = "rolename=" + vm.rolename + "&roledetail=" + vm.roledetail;
            // console.log(data);
            // console.log(vm.rolename);
            // console.log(vm.roledetail)
            // var rolename=$("#courseName1").val();
            // console.log(rolename);
            // var roledetail=$("#roleDetail").val();
            // console.log(roledetail);
            $.ajax({
                type: "POST",//post方法默认是表单数据提交，用requestParameter接收，如果要用jason需要配置在conmmon.js中的第一行有配置
                url: "/roleManager/add",//请求的controller
                // data: JSON.stringify(data),//参数
                // data: {
                //     rolename:vm.rolename,
                //     roledetail:vm.roledetail
                // },
                data: JSON.stringify(vm.role1),
                // contentType: "application/json",
                // cache: false,
                // dataType: "json",
                success: function (r) {
                    if (r.code === 0) {
                        // layer.close(index);
                        layer.alert('添加成功');
                        // $('#selectCourseDialog').bootstrapTable('destroy');
                        // location.reload();
                        $('#selectedCoursesTable').bootstrapTable('refresh');
                    }
                },
                error: function () {
                    layer.alert('服务器没有返回数据，可能服务器忙，请重试');
                }
            });
        },
        //删除
        del: function () {
            var rows = $("#selectedCoursesTable").bootstrapTable('getSelections');

            if (rows.length == 0) {
                layer.alert('请选择至少一条记录');
                return;
            } else {
                layer.confirm('您确定删除所选的角色吗？', {
                    btn: ['确定', '取消'] //可以无限个按钮
                }, function () {
                    var ids = new Array();
                    //遍历所有选择的行数据，取每条数据对应的ID
                    $.each(rows, function (i, row) {
                        ids[i] = row['roleid'];
                    });

                    $.ajax({
                        type: "POST",
                        url: "/roleManager/delete",
                        data: JSON.stringify(ids),
                        success: function (r) {
                            if (r.code === 0) {
                                layer.alert('删除成功');
                                $('#selectedCoursesTable').bootstrapTable('refresh');
                            } else {
                                layer.alert(r.msg);
                            }
                        },
                        error: function () {
                            layer.alert('服务器没有返回数据，可能服务器忙，请重试');
                        }
                    });
                });
            }
        },
        //更新角色信息
        update: function () {
            var row = $("#selectedCoursesTable").bootstrapTable('getSelections');
            if (row.length === 0) {
                layer.alert('请选择一条记录');
                return;
            } else if (row.length > 1) {
                layer.alert("只能选择一条记录");
                return;
            } else {
                $('#updateCourseDialog').modal("show");
                var selectedId = row[0].roleid;
                console.log(selectedId);
                //回显需要修改的角色

                $.ajax({
                    type: "POST",
                    url: "/roleManager/queryRoleById",
                    data: JSON.stringify(selectedId),
                    success: function (result) {
                        if (result.code === 0) {
                            console.log(result.roleInf.rolename);
                            vm.role2.rolename = result.roleInf.rolename;
                            vm.role2.roledetail = result.roleInf.roledetail;
                        } else {
                            layer.alert(result.msg);
                        }
                    }
                });
            }
        },
        //更新提交
        submitUpdate: function () {
            //获取下拉列表所选的value
            // var courseId = $("#courseName option:selected").val();
            var row = $("#selectedCoursesTable").bootstrapTable('getSelections');
            var selectedId = row[0].roleid;
            var data = "rolename=" + vm.role2.rolename + "&roledetail=" + vm.role2.roledetail
                        +"&roleid="+selectedId;
            var role3={"rolename":vm.role2.rolename,"roledetail":vm.role2.roledetail,"roleid":selectedId}
            console.log(data);
            console.log(JSON.stringify(vm.role2));
            console.log(role3);
            console.log(JSON.stringify(role3));
            layer.confirm("确定更新角色吗？", {
                btn: ["确定", "取消"]
            }, function () {
                $.ajax({
                    type: "POST",//post方法默认是表单数据提交，用requestParameter接收，如果要用jason需要配置在conmmon.js中的第一行有配置
                    url: '/roleManager/update',//请求的controller
                    data: JSON.stringify(role3),//参数
                    success: function (r) {
                        if (r.code === 0) {
                            // layer.close(index);
                            layer.alert('修改成功', function () {
                                location.reload();
                            });
                            $('#selectedCoursesTable').bootstrapTable('refresh');
                            //删除下拉框中当前选中的元素
                            // $("#courseName option:selected").remove();
                            //更新表格
                            // $('#selectedCoursesTable').bootstrapTable('refresh');
                            // $("#updateCourseDialog").bootstrapTable('refresh');
                        }
                    },
                    // error: function () {
                    //     layer.alert('服务器没有返回数据，可能服务器忙，请重试');
                    // }
                });
            }, function () {

            });

        }
    }
});